
<!-- saved from url=(0070)https://api.jy155.dydgz.cn/pay/payOrderTwo?order_no=D20427965333094730 -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <meta content="no-cache,must-revalidate" http-equiv="Cache-Control">
    <meta content="no-cache" http-equiv="pragma">
    <meta content="0" http-equiv="expires">
    <meta content="telephone=no, address=no" name="format-detection">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <title>支付宝安全支付</title>
    <script src="${request.contextPath}/statics/js/jquery.min.js"></script>
    <link href="${request.contextPath}/statics/css/app.b101a6037a5d3c13c293c75cc9977c61.css" rel="stylesheet">
    <style>
        @charset "UTF-8";
        html {
            font-size: 62.5%;
            font-family: 'helvetica neue', tahoma, arial, 'hiragino sans gb', 'microsoft yahei', 'Simsun', sans-serif
        }

        body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, hr {
            margin: 0;
            padding: 0px 2px;
        }

        body {
            line-height: 1.333;
            font-size: 12px
        }

        h1, h2, h3, h4, h5, h6 {
            font-size: 100%;
            font-family: arial, 'hiragino sans gb', 'microsoft yahei', 'Simsun', sans-serif
        }

        input, textarea, select, button {
            font-size: 12px;
            font-weight: normal
        }

        input[type="button"], input[type="submit"], select, button {
            cursor: pointer
        }

        table {
            border-collapse: collapse;
            border-spacing: 0
        }

        address, caption, cite, code, dfn, em, th, var {
            font-style: normal;
            font-weight: normal
        }

        li {
            list-style: none
        }

        caption, th {
            text-align: left
        }

        q:before, q:after {
            content: ''
        }

        abbr, acronym {
            border: 0;
            font-variant: normal
        }

        sup {
            vertical-align: text-top
        }

        sub {
            vertical-align: text-bottom
        }

        fieldset, img, a img, iframe {
            border-width: 0;
            border-style: none
        }

        img {
            -ms-interpolation-mode: bicubic;
        }

        textarea {
            overflow-y: auto
        }

        legend {
            color: #000
        }

        a:link, a:visited {
            text-decoration: none
        }

        hr {
            height: 0
        }

        label {
            cursor: pointer
        }

        a {
            color: #328CE5
        }

        a:hover {
            color: #2b8ae8;
            text-decoration: none
        }

        a:focus {
            outline: none
        }

        body, .body {
            background: #f7f7f7;
            height: 100%;
            max-width: 640px;
            min-width: 300px;
            min-height: 100%;

            margin: 0 auto;
        }

        .mod-title {
            height: 60px;
            line-height: 60px;
            text-align: center;
            border-bottom: 1px solid #ddd;
            background: #fff
        }

        .ico_log {
            display: inline-block;
            width: 130px;
            height: 38px;
            vertical-align: middle;
            margin-right: 7px
        }



        .mod-title .text {
            font-size: 20px;
            color: #333;
            font-weight: normal;
            vertical-align: middle
        }

        .mod-ct {
            min-width: 300px;
            max-width: 640px;
            margin: 0 auto;
            margin-top: 15px;
            margin-bottom: 15px;
            padding-bottom: 10px;
            text-align: center;
            color: #333;
            border: 1px solid #e5e5e5;
            border-top: none
        }

        .mod-ct .order {
            font-size: 20px;
            padding-top: 10px
        }

        .mod-ct .amount {
            font-size: 44px;
            margin-top: 10px;
            font-weight: 700;
        }

        .mod-ct .qr-image {
            margin-top: 30px
        }

        .mod-ct .qr-image img {
            width: 230px;
            height: 230px
        }

        .mod-ct .detail {
            margin-top: 10px;
            padding-top: 0px;
            padding-bottom: 10px;

        }

        .mod-ct .detail .arrow .ico-arrow {
            display: inline-block;
            width: 20px;
            height: 11px;
            background: url("${request.contextPath}/statics/image/wechat-pay.png") -25px -100px no-repeat
        }

        .mod-ct .detail .detail-ct {
            display: none;
            font-size: 12px;
            text-align: right;
            line-height: 28px
        }

        .mod-ct .detail .detail-ct dt {
            float: left
        }

        .mod-ct .detail-open {
            border-top: 1px solid #e5e5e5
        }

        .mod-ct .detail .arrow {
            padding: 6px 34px;
            border: 1px solid #e5e5e5
        }

        .mod-ct .detail .arrow .ico-arrow {
            display: inline-block;
            width: 20px;
            height: 11px;
            background: url("../images/wechat-pay.png") -25px -100px no-repeat
        }

        .mod-ct .detail-open .arrow .ico-arrow {
            display: inline-block;
            width: 20px;
            height: 11px;
            background: url("../images/wechat-pay.png") 0 -100px no-repeat
        }

        .mod-ct .detail-open .detail-ct {
            display: block
        }

        .mod-ct .tip {
            margin-top: 20px;
            border-top: 1px dashed #e5e5e5;
            padding: 10px 0;
            position: relative
        }

        .mod-ct .tip .ico-scan {
            display: inline-block;
            width: 56px;
            height: 55px;
            background: url("../images/wechat-pay.png") 0 0 no-repeat;
            vertical-align: middle;
            *display: inline;
            *zoom: 1
        }

        .mod-ct .tip .tip-text {
            display: inline-block;
            vertical-align: middle;
            text-align: left;
            margin-left: 23px;
            font-size: 16px;
            line-height: 28px;
            *display: inline;
            *zoom: 1
        }

        .mod-ct .tip .dec {
            display: inline-block;
            width: 22px;
            height: 45px;
            background: url("../images/wechat-pay.png") 0 -55px no-repeat;
            position: absolute;
            top: -23px
        }

        .mod-ct .tip .dec-left {
            background-position: 0 -55px;
            left: -136px
        }

        .mod-ct .tip .dec-right {
            background-position: -25px -55px;
            right: -136px
        }

        .foot {
            text-align: center;
            margin: 30px auto;
            color: #888888;
            font-size: 12px;
            line-height: 20px;
            font-family: "simsun"
        }

        .copyRight {
            text-align: center;
            color: #888888;
            margin-bottom: 1px;
        }

        .copyRight a {
            color: #888888;
        }

        h1 {
            font-family: "微软雅黑";
            font-size: 15px;
            margin: 5px 0;
            padding-bottom: 2px;
            letter-spacing: 2px;
        }

        .time-item strong {
            background: #3ec742;
            color: #fff;
            line-height: 25px;
            font-size: 15px;
            font-family: Arial;
            padding: 0 10px;
            margin-right: 10px;
            border-radius: 5px;
            box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
        }

        .item-title {
            background: none;
            line-height: 25px;
            font-size: 24px;
            padding: 0 10px;
            float: left;
        }

        .paybtn{
            display: inline-block;
            width: 100%;
            height: 80px;
            vertical-align: middle;
            padding-top: 10%;
            margin-right: 7px
        }


        .submit_alipay {
            font-size:16px;
            font-family:Arial;
            font-weight:normal;
            -moz-border-radius:5px;
            -webkit-border-radius:5px;
            border-radius:5px;
            border:1px solid #84bbf3;
            padding:9px 76px;
            text-decoration:none;
            background:-moz-linear-gradient( center top, #79bbff 105%, #378de5 0% );
            background:-ms-linear-gradient( top, #79bbff 105%, #378de5 0% );
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
            background:-webkit-gradient( linear, left top, left bottom, color-stop(105%, #79bbff), color-stop(0%, #378de5) );
            background-color:#79bbff;
            color:#ffffff;
            display:inline-block;
            text-shadow:1px 1px 0px #528ecc;
            -webkit-box-shadow: 0px 0px 0px 0px #bbdaf7;
            -moz-box-shadow: 0px 0px 0px 0px #bbdaf7;
            box-shadow: 0px 0px 0px 0px #bbdaf7;
        }.submit_alipay:active {
             position:relative;
             top:1px;
         }

        .btn {
            display: inline-block;
            padding: 6px 12px;
            margin-bottom: 0;
            font-size: 14px;
            font-weight: normal;
            line-height: 1.42857143;
            text-align: center;
            width:80%;
            white-space: nowrap;
            vertical-align: middle;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            background-image: none;
            border: 1px solid transparent;
            border-radius: 4px;
        }
        .btn:focus,
        .btn:active:focus,
        .btn.active:focus {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }
        .btn:hover,
        .btn:focus {
            color: #333;
            text-decoration: none;
        }
        .btn:active,
        .btn.active {
            background-image: none;
            outline: 0;
            -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        }
        .btn.disabled,
        .btn[disabled],
        fieldset[disabled] .btn {
            pointer-events: none;
            cursor: not-allowed;
            filter: alpha(opacity=65);
            -webkit-box-shadow: none;
            box-shadow: none;
            opacity: .65;
        }

        .btn-primary {
            color: #fff;
            background-color: #428bca;
            border-color: #357ebd;
        }
        .btn-primary:hover,
        .btn-primary:focus,
        .btn-primary:active,
        .btn-primary.active,
        .open > .dropdown-toggle.btn-primary {
            color: #fff;
            background-color: #3071a9;
            border-color: #285e8e;
        }
        .btn-primary:active,
        .btn-primary.active,
        .open > .dropdown-toggle.btn-primary {
            background-image: none;
        }

        .btn-primary .badge {
            color: #428bca;
            background-color: #fff;
        }
        /* This css button was generated by css-button-generator.com */
        .cls1{width: 60px; height: 60px;}
        .cls2{width: 60px; height: 60px;display:none}
    </style>
<link rel="stylesheet" href="${request.contextPath}/statics/css/layer.css" id="layuicss-layer"></head><body>
<div class="body">
    <div class="mod-ct">
        <div class="order">
        	<img src="${request.contextPath}/statics/image/aliioc.png" width="130px">
        </div>

        <div id="price" style="font-size: 18px;margin-top: 10px; ">支付金额<span style="font-size: 24px; color: red;" id="money">300.00</span>元(<span style="font-size: 24px; color: red;">请勿修改金额</span>)</div>
<div class="time-item" style="padding-top: 10px">
            <div class="time-item"><h1 style="color:#3ec742;">订单：D20427965333094730</h1> </div>
            <div class="time-item"><h1>请勿重次转账付款!</h1></div>
            <strong id="minute_show"><s></s>00分</strong>
            <strong id="second_show"><s></s>47秒</strong>
        </div>
        <br>
        <div class="time-item">
          <!-- <h1 style="color: red">支付方式一</h1>-->
        </div>
        <div class="time-item alipaybtn" style="padding-top: 0px;">
			<div class="time-item" style="text-align: -webkit-left;
    width: 90%;
    display: inline-block;"> <h1>支付宝姓名：<b style="color: red"> ${name !''} </b></h1> </div>
            <div class="time-item" style="text-align: -webkit-left;
    width: 90%;
    display: inline-block;"> <h1>支付宝账户：<b style="color: red"> ${payaccount !''}</b></h1> </div>
            <!--<a href="#"  class="btn btn-primary" onclick="copy()" style="background-color:blue;border-color:blue;">复制转账账户</a>-->
			 <a href="${request.contextPath}/api/payOrderTwo?order_no=D20427965333094730#" class="btn btn-primary" onclick="copy()" style="background-color:blue;border-color:blue;">复制账号并打开支付宝</a><br><br>
			<a href="alipayqr://platformapi/startapp?saId=20000116" class="btn btn-primary" target="_blank" data-v-48db887e="" style="background-color:blue;border-color:blue; display:none;">步骤二：点击打开支付宝完成转账</a>
        
        </div>

        <br>

        <div style="margin-left: 20px;    text-align: -webkit-left;">
    	<div style="    font-size: 18px;
    font-weight: 800;
    color: coral;margin-bottom: 10px;">付款指引</div>
    	 
    	<p style="    margin-bottom: 8px;
    line-height: 20px;
    color: blueviolet;
    font-size: 15px;"><span style="line-height: 21px;
    float: left;">支付方式：</span><span>复制支付宝账号--&gt;打开支付宝点击转账--&gt;粘贴转账账号完成转账</span></p>
    <div style="text-align: center;"><img src="${request.contextPath}/statics/image/11.jpg" width="130px"><img src="${request.contextPath}/statics/image/22.jpg" width="130px"><img src="${request.contextPath}/statics/image/33.jpg" width="130px"></div>
    	</div>

    </div>
</div>
<div class="copyRight">
    <p>   </p>
</div>
<div id="myList1"></div>
<br>
<script src="${request.contextPath}/statics/image/clipboard.min.js"></script>
<script src="${request.contextPath}/statics/image/jquery.qrcode.min.js"></script>
<script src="${request.contextPath}/statics/image/layer.js"></script>
<script type="text/javascript">
</script>
<script>
    function copy() {
        var input = document.createElement("input");
        input.value = "${payaccount !''}";
        document.getElementById("myList1").appendChild(input);
        input.select();
        input.setSelectionRange(0, input.value.length), document.execCommand('Copy');
        document.getElementById("myList1").removeChild(input);
        layer.msg('复制成功');
        location.href='alipayqr://platformapi/startapp?saId=20000116';
    }
</script>
<script type="text/javascript">

$('#btn').click(function(){
        $('.layer-tips').hide();
    });
    
    
    var myTimer;
    var clipboard = new ClipboardJS('#copyurl');
    clipboard.on('success', function (e) {
        openadd();
    });
    clipboard.on('error', function(e) {
        openadd();
    });
    function timer(intDiff) {
        myTimer = window.setInterval(function () {
            var day = 0,
                hour = 0,
                minute = 0,
                second = 0;//时间默认值
            if (intDiff > 0) {
                day = Math.floor(intDiff / (60 * 60 * 24));
                hour = Math.floor(intDiff / (60 * 60)) - (day * 24);
                minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60);
                second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
            }
            if (minute <= 9) minute = '0' + minute;
            if (second <= 9) second = '0' + second;
            $('#hour_show').html('<s id="h"></s>' + hour + '时');
            $('#minute_show').html('<s></s>' + minute + '分');
            $('#second_show').html('<s></s>' + second + '秒');
            if (hour <= 0 && minute <= 0 && second <= 0) {
                clearInterval(myTimer);
            }
            intDiff--;
        }, 1000);
    }
    //生成二维码
    function getQrcode(url,qrcode_with=240,qrcode_height=240){
        $("#qrImg").qrcode({
            render: "canvas",
            width:240,
            height:240,
            text: decodeURIComponent(url)
        });
        $('#img-load').hide();
        $('#qrImg').find('canvas').css({'width':qrcode_with,'height':qrcode_height});
    }

    function openadd()
    {
        $str=$("#addModal").html();//加载弹窗内容
        layer.open({
            type: 1,                //弹窗类型
            title: '复制链接成功',     //显示标题
            closeBtn: 1,         //是否显示关闭按钮
            shadeClose: true, //显示模态窗口
            skin: 'layui-layer-rim', //加上边框
            area: ['90%', '85%'], //宽高
            btn: ['确定'],
            content: $str  //弹窗内容
        });
    }
    function openApp(){
        copymoney();
        alert( "已复制金额" ) ;
    }

    var success_img = '${request.contextPath}/statics/image/rec/pay_ok.png';
    var timeout_img = '/static/common/rec/timeout.png';
    var is = false;
    var updateQrImg = 0;
    var deadline_time = 10000;

    //订单监控  {订单监控}
    function order() {
        $.post("https://api.jy155.dydgz.cn/pay/orderQuery.do?order_no=D20427965333094730", function (result) {

            if (is == false && result.code == '100') {
                deadline_time = result.data.deadline_time;
                timer(deadline_time);
                is = true;
            }

            //成功
            if (result.code == '200') {
               // document.getElementById("img-load").src = success_img;
                $('#qrImg').find('canvas').hide();
                $('#img-load').show();
                clearTimeout(orderlst);
                layer.confirm('支付成功', {
                    icon: 1,
                    title: '支付成功',
                    btn: ['我知道了'] //按钮
                }, function () {
                    location.href = result.data.success_url;
                });
            }

            //支付二维码
            if (result.code == '100' && updateQrImg == 0  && result.data.qrcode.length > 5 ) {
                getQrcode(result.data.qrcode);
                turl = 1;
                updateQrImg = 1;
            }
            //订单已经超时
            if (result.code == '-1') {
                document.getElementById("img-load").src = timeout_img;
                $('#qrImg').find('canvas').hide();
                $('#img-load').show();
                clearTimeout(orderlst);
                layer.confirm(result.msg, {
                    icon: 2,
                    title: '支付超时',
                    btn: ['确认'] //按钮
                }, function () {
                    location.href =  result.data.error_url;
                });
                return;
            }
        }, 'json');
    }
   // var orderlst = setInterval("order()", 1000);

    function copymoney() {
        const range = document.createRange();
        range.selectNode(document.getElementById('money'));

        const selection = window.getSelection();
        if(selection.rangeCount > 0) selection.removeAllRanges();
        selection.addRange(range);
        document.execCommand('copy');

    }
    //
</script>


</body></html>